<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>01_边框相关属性</title>
    <style>
        table {
            /* border-width: 2px;
            border-color: black;
            border-style: solid; */
            border: 2px, green, solid;
        }
        th, td {
            border: 2px, orange, solid;
        }
        h2 {
            border: 4px, red, solid;
        }
        span {
            border: 3px, purple, dashed;
        }
    </style>
</head>
<body>
    <h2>边框相关属性，不仅仅表格能用，其他元素也能用</h2>
    <span>每天坚持学习</span>
    <table>
        <caption>人员信息</caption>
        <thead>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
                <th>政治面貌</th>
            </tr>
        </thead>
        <tbody>
            <tr>
            <td>1</td>
            <td>张三</td>
            <td>18</td>
            <td>男</td>
            <td>党员</td>
            </tr>
            <tr>
            <td>2</td>
            <td>李四</td>
            <td>19</td>
            <td>女</td>
            <td>团员</td>
            </tr>
            <tr>
            <td>3</td>
            <td>王五</td>
            <td>20</td>
            <td>男</td>
            <td>群众</td>
            </tr>
            <tr>
            <td>4</td>
            <td>赵六</td>
            <td>21</td>
            <td>女</td>
            <td>党员</td>
            </tr>
        </tbody>
    </table>
</body>
</html>